<template>
	<view class="h-full text-white">
		<lz-navbar :title="$t('login.home')" :autoBack="true" leftIcon="arrow-left"></lz-navbar>
		<view class="mt-10 p-6">
			<view class="text-2xl">{{$t('login.dengluzhanghao')}}</view>
			<view class="py-2" style="color: #999999;">{{$t('login.ljdlkfnd')}}</view>
			<view class="text-lg">{{$t('login.youxiang')}}</view>
			<view class="p-2 rounded-sm my-4" style="background-color: #242424;">
				<u--input :placeholder="$t('login.qingshuryx')" border="none" color="#fff"
				    v-model="form.email"
				></u--input>
			</view>
			<view class="text-lg">{{$t('login.mima')}}</view>
			<view class="p-2 rounded-sm my-4" style="background-color: #242424;">
				<u--input :placeholder="$t('login.qingshurmima')" border="none" color="#fff"
				    v-model="form.password"
				></u--input>
			</view>
			
			<view class="py-4">
				<u-button :text="$t('login.home')" shape="circle"></u-button>
			</view>
			<view class="flex justify-between">
				<view>{{$t('login.wangjimima')}}</view>
				<view class="flex">
					<view style="color: #999999;">{{$t('login.meiyouzhanghao')}},</view>
					<navigator url="/pages/template/register/register">{{$t('login.lijizhuce')}}</navigator>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		mapGetters,
		mapActions
	} from 'vuex'
	export default {
		computed: {
			...mapGetters(['userInfo', 'api', 'config']),
		},
		data() {
			return {
				form:{
					email:'',
					password:''
				}
			}
		},
		onLoad(op) {},
		methods: {
		}
	}
</script>

<style lang="scss">
	
</style>